<html>
<head>
</head>
<body>
	<p> ol Style = </p>
	<ol style="margin:0;padding:0;">
		<li>ListItem 1</li>
		<li>ListItem 2</li>
	</ol>
	<p>ol in ol margin-left:-50 in ul margin-left:50 in ul</p>
	<ul style="font-size:25px">
		<li>ListItem 1-1
			<ul style="font-size:7px"> 
				<li>ListItem 2-1
					<ol> 
						<li>ListItem 3-1
							<ol style="margin:50;padding:15"> 
								<li style="margin:10;padding:15">ListItem 4-1</li>
								<li>ListItem 4-2</li>
							</ol>
						</li>
						<li>ListItem 3-2</li>
					</ol>
				</li>
				<li>ListItem 2-2</li>
			</ul>
		</li>
		<li>ListItem 1-2</li>
	</ul>
	<p>Style = lower-latin inside
	totalSpacingBefore == 60+60 = 120px = 90pt</p>
	<ul style="font-size:25px;padding:0;margin:50;list-style:lower-latin inside">
		<li style="margin-top:60;padding-top:60;">ListItem 1</li>
		<li>ListItem 1</li>
		<li style="margin-bottom:60;padding-bottom:60;">ListItem 1</li>
	</ul>
	<p>ul in between p-tags Style = margin-bottom:100px; upper-latin outside 
	totalSpacingBefore == 20+60+60+60 = 200px = 150pt </p>
	<ul style="font-size:6px;padding:20;margin:60;list-style:upper-latin outside">
		<li style="margin:60px;padding:60px">ListItem 1</li>
	</ul>
	
	<p>Style = inside url square </p>
	<ul style="list-style-image:url('http://t1.gstatic.com/images?q=tbn:ANd9GcQ2s33YgZ8dDEEDW3kwK9EBWR1vHXJgMPJXjaaAfxfPvFSZ9shB')">
		<li>ListItem 1</li>
	</ul>
	<p> ul Style = decimal</p>
	<ul style="list-style-type:decimal">
		<li>ListItem 1</li>
		<li>ListItem 2</li>
	</ul>
	<p>Style = list-style-type: upper-alpha</p>
	<ol style="list-style-type: upper-alpha;">
		<li>ListItem 1</li>
		<li>ListItem 2</li>
	</ol>
	<p>style= list-style-type lower-alpha</p>
	<ol style="list-style-type: lower-alpha;">
		<li>ListItem 1</li>
		<li>ListItem 2</li>
	</ol>
	
	</body>
</html>
